<!DOCTYPE html>
<html lang="">	
<head>
	<meta charset="utf-8" />
	<title>jQuery Deck Viewer - Display and view an images gallery as a deck of cards</title>
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<style type="text/css">
	#gallery{width:980px;height:450px;margin:0 auto;background:#000;border:2px solid #000}
	#gallery .card{width:150px;background:orange;height:200px;border:2px solid red;padding:10px}
	#gallery .card a{font-family:Arial;position:absolute;bottom:0;right:5px;display:block;text-align:right;width:50px;height:25px;text-decoration:none}
	#gallery .stack-overlay{background:#000}
	</style>
	
	</style>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript" charset="utf-8"></script> 
	<script src="jquery.deck.support.js" type="text/javascript" charset="utf-8"></script>	
	<script src="src/jquery.deck.js" type="text/javascript" charset="utf-8"></script>	

	</script>  
</head>
<body>
	<section>
		<div id="gallery">
			<ul>
				<li><a href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">4</a></li>
				<li><a href="">5</a></li>
				<li><a href="">6</a></li>
				<li><a href="">7</a></li>
				<li><a href="">8</a></li>
				<li><a href="">9</a></li>
				<li><a href="">10</a></li>
				<li><a href="">11</a></li>
				<li><a href="">12</a></li>
				<li><a href="">13</a></li>
				<li><a href="">14</a></li>
				<li><a href="">15</a></li>
				<li><a href="">16</a></li>
				<li><a href="">17</a></li>
				<li><a href="">18</a></li>
				<li><a href="">19</a></li>
				<li><a href="">20</a></li>
				<li><a href="">21</a></li>
				<li><a href="">22</a></li>
				<li><a href="">23</a></li>
				<li><a href="">24</a></li>
				<li><a href="">25</a></li>
				<li><a href="">26</a></li>
				<li><a href="">27</a></li>
				<li><a href="">28</a></li>
			</ul>
		</div>
	</section>
	<script>
	$('#gallery').createDeck({stackCount:4,verticalAlign:'center',easing:'linear',previewScale:1.25,stackSpacing:100,fadeBack:false,cardOffset:6,overlayOpacity:.35,peekaBoo:20});
	</script>
	<script type="text/javascript">
   //<![CDATA[ 
   // THIS IS MY ANALYTICS CODE, YOU DON'T WANT THIS IF YOU USE THIS DEMO SOURCE
   var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
   document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
   </script>
   <script type="text/javascript">
   try {
   var pageTracker = _gat._getTracker("UA-3486574-5");
   pageTracker._trackPageview();
   } catch(err) {}
   //]]>
   </script>
</body>
</html>

